<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" >
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <link rel="shortcut icon" href="../../static/favicon.ico">
    <title>京山市人民医院-OA系统</title>
    <!-- Favicon -->
    <link rel="shortcut icon" href=""/>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="../../static/public_file/css/bootstrap.min.css">
    <!-- Typography CSS -->
    <link rel="stylesheet" href="../../static/public_file/css/typography.css">
    <!-- Style CSS -->
    <link rel="stylesheet" href="../../static/public_file/css/style.css">
    <link href="../../static/system_setup/css/sys_index.css" rel="stylesheet">
    <link rel="stylesheet" href="../../static/personal_center/css/homenav.css">
    <script src="../../static/system_setup/js/jquery-1.10.2.min.js"></script>
    <link rel="stylesheet" href="../../static/personal_center/font_2369197_oqktwkt71s/iconfont.css" media="screen">
    <style>
        .text-content {
            -webkit-line-clamp: 3;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            letter-spacing: 2px;
        }
    </style>
    <script type="text/javascript">
    </script>
</head>
<body>
<!-- loader Start -->
<div id="loading">
    <div id="loading-center">
    </div>
</div>
<!-- loader END -->
<!-- Wrapper Start -->
<div id="html-body" class="body-heught">
    <nav class="navbar-inverse">
        <div id="navLogo">
            <a href="http://www.hbjsxrmyy.com/">
                <img src="../../static/public_file/images/logo2.png" alt=""
                     style="width: 100%;height: 37px;cursor: pointer;">
                {#                <img src="../../static/personal_center/img/行政管理系统 - 副本.png" alt="" style="width: 50%;height: 37px;cursor: pointer;"> <div style="font-size: 20px;color: white;display: inline-block;">|</div><div style="font-size: 22px;color: white;display: inline-block;">&nbsp;&nbsp;&nbsp;智慧OA系统</div>#}
            </a>
        </div>

        <div id="navmenu">
            <ul>
                <li id="sys-home" style="width: 10%;text-align: center;height: 45px;"><a href="/personal-center/home.html"><i class="iconfont icon-shouye"></i> 首页</a></li>
                <li id="personage" style="width: 10%;text-align: center;"><a href="/personal-center/sponsor.html"><i class="iconfont icon-hangzhengguanli"></i> 行政</a></li>
                <li id="finance" style="width: 10%;text-align: center;"><a href="/finance/my_salary_record_list_view"><i class="iconfont icon-tongzhigonggao"></i> 薪资</a></li>
{#                <li id="attendance" style="width: 10%;text-align: center;"><a href="/personnel/CheckInStatistics.html"><i class="iconfont icon-renshiguanli"></i> 人事</a><div id="matters" class="sss"></div></li>#}
                <li id="attendance" style="width: 10%;text-align: center;"><a href="/personnel/attendance.html"><i class="iconfont icon-renshiguanli"></i> 人事</a><div id="matters" class="sss"></div></li>
                <li id="inform" style="width: 10%;text-align: center;"><a href="/announcements/administration.html"><i class="iconfont icon-tongzhigonggao"></i> 公告 <div id="notic_warn" class="sss"></div></a></li>
                <li id="correspondence" style="width: 10%;text-align: center;padding-right: 5px;padding-left: 5px;"><a href="/correspondence/inbox.html"><i class="iconfont icon-youjian1"></i> 邮件 <div id="msg_warn" class="sss"></div></a></li>
                <li id="forum" style="width: 10%;text-align: center;padding-right: 5px;padding-left: 5px;"><a href="/forum/forum_home"><i class="iconfont icon-luntan"></i> 知识库</a></li>
{#                <li id="doc_management" style="width: 10%;text-align: center;"><a href="/document-management/document_center_view"><i class="iconfont icon-wendang"></i> 文档 </a></li>#}
                <li id="zichan" style="width: 10%;text-align: center;"><a href="/personal-center/property_register_view"><i class="iconfont icon-zichanguanli-"></i> 后勤 </a></li>
                <li id="my-center" style="width: 10%;text-align: center;"><a href="/that-center/home.html"><i class="iconfont icon-gerenzhongxin-wodexinxi"></i> 个人中心 </a></li>
            </ul>
        </div>

        <div id="navinform" style="width: 10%;">
            <div style="color: white;position: relative;width: 70px;text-align: center;display: inline-block;vertical-align: top;">
                <div style="cursor: pointer;" id="display_kaoqin">
                    <i class="iconfont icon-wodekaoqin" style="font-size: 18px;"></i> <span style="vertical-align: top;">考勤</span>
                </div>
                <div id="work_card" style="width: 250px;z-index: 10000;position: relative;background: white;display: none;box-shadow: 2px 2px 10px #cccccc;">
                    <div style="width: 100%;height: 40px;border-bottom: #cccccc solid 1px;text-align: left;padding-left: 5px;">
                        <i class="iconfont icon-rili" style="font-size: 18px;color: #00a0e9;"></i> <span id="now_date" style="color: black;vertical-align: top;font-size: 16px;"></span>&nbsp;&nbsp;&nbsp;<span id="now_week" style="color: black;vertical-align: top;"></span>
                    </div>
                    <div style="width: 100%;overflow: auto;border-bottom: #cccccc solid 1px;">
                        <ul id="sale_list" class="lzc_timeline">
                            <li class="time-line-item" style="text-align: left;line-height: 30px;">
                                <div class="lzc_icon"></div>
                                <div class="lzc_label" data-scroll-reveal="enter right over 1s">
                                    <span style="padding-left: 10px;">上午时间：</span><span id="MorningWorkTime"></span>
                                    <div style="padding-left: 10px;">
                                        <div>
                                            <span>上班打卡：</span><span id="morning_start"></span>
                                        </div>
                                        <div>
                                            <span>下班打卡：</span><span id="morning_end"></span>
                                        </div>
                                        <div style="cursor: pointer;" id="clock_in">
                                            <span>考勤状态：</span><span id="morning_status"></span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="time-line-item" style="text-align: left;line-height: 30px;">
                                <div class="lzc_icon"></div>
                                <div class="lzc_label" data-scroll-reveal="enter right over 1s">
                                    <span style="padding-left: 10px;">下午时间：</span><span id="AfternoonWorkTime"></span>
                                    <div style="padding-left: 10px;">
                                        <div>
                                            <span>上班打卡：</span><span id="afternoon_start"></span>
                                        </div>
                                        <div>
                                            <span>下班打卡：</span><span id="afternoon_end"></span>
                                        </div>
                                        <div style="cursor: pointer;" id="clock_in">
                                            <span>考勤状态：</span><span id="afternoon_status"></span>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div style="width: 100%;height: 40px;text-align: left;padding-left: 5px;line-height: 40px;cursor: pointer;">
                        <a href="/personnel/CheckInStatistics.html"><i class="iconfont icon-tongji" style="font-size: 18px;color: #00a0e9;"></i> <span style="color: black;vertical-align: top;font-size: 16px;">打卡统计</span></a>
                    </div>
                </div>
            </div>
            <div class="navbar navbar-expand-lg navbar-light p-0" style="height: 40px;display: inline-block;vertical-align: top;">
                <div class="collapse navbar-collapse" id="navbarSupportedContent" style="height: 45px;">
                    <ul class="navbar-nav ml-auto navbar-list" style="height: 45px;">
                        <li class="nav-item iq-full-screen" style="height: 45px;width: 50px;text-align: center;">
                            <i class="ri-fullscreen-line" style="color: white;font-size: 18px;cursor: pointer;"></i>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div id="navpersonage" style="width: 7%;">
            <ul class="nav navbar-nav navbar-right" style="width: 100%;height: 100%;">
                <li class="dropdown" style="width: 100%;height: 100%;">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                       aria-expanded="false" style="color: white;margin-right: 5%;">
                        <img id="model-img" src="../../static/personal_center/img/default.jpeg" alt="" class="nav-img">
                        &nbsp;&nbsp;{{ realname }} <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu" style="width: 350px;margin-right: 230px;">
                        <li style="font-size: 12px;margin-left: 3%;width: 100%;">
                            <div style="display: inline-block;vertical-align: top;width: 30%;">
                                <img src="../../static/personal_center/img/default.jpeg" alt="" class="nav-img1">
                            </div>

                            <div style="display: inline-block;vertical-align: top;width: 60%;">
                                <div style="height: 30px;">
                                    <span>{{ realname }}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                    <span>{{ position }}</span>
                                </div>
                                <div>
                                    京山市人民医院 ｜ {{ department }}
                                </div>
                            </div>
                        </li>
                        <li style="border: #E8E8E8 solid 0.5px;"></li>
                        <li style="font-size: 12px;margin-left: 6%;height: 30px;"><i class="iconfont icon-user"></i>&nbsp;&nbsp;<a
                                href="/that-center/home.html" style="color: black;letter-spacing: 1.5px;">个人中心</a></li>
                        <li style="font-size: 12px;margin-left: 6%;"><i class="iconfont icon-tuichu4"></i>&nbsp;&nbsp;<a
                                href="/personal-center/logout" style="color: black;">退&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;出</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </nav>

    <div style="width: 100%;height: 93%;font-size: 13px;">
        <div style="height: 30%;width: 99%;margin-top:1%;margin-left: 0.5%;padding-left: 10px;">
            <div style="box-shadow: 0 1px 6px 3px #CFCFCF;width: 25%;height: 100%;display: inline-block;vertical-align: top;position: relative;">
                <div style="width: 100%;height: 35%;background: #0270c1;">

                </div>

                <div style="width: 100%;height: 120px;position: absolute;z-index: 999;top: 15%;text-align: center;">
                    <img id="home_img" src="../../static/personal_center/img/default.jpeg" alt=""
                         style="width: 100px;height: 100px;border-radius: 50%;">
                </div>

                <div style="width: 100%;height: 65%;padding: 2%;padding-top: 5%;background: white;">
                    <div style="width: 100%;height: 45%;overflow: auto;"></div>
                    <div style="width: 100%;border: #cfcfcf solid 0.5px;"></div>
                    <div style="width: 100%;height: 55%;overflow: hidden;overflow-x:auto;white-space: nowrap;">
                        <div style="width: 48%;height: 100%;display: inline-block;vertical-align: top;overflow: hidden;overflow-x:auto;white-space: nowrap;">
                            <div style="width: 100%;height: 48%;text-align: center;"><h6
                                    style="line-height: 40px;">{{ last_loginTime }}</h6></div>
                            <div style="width: 100%;height: 48%;text-align: center;line-height: 48px;font-size: 12px;">
                                登录时间
                            </div>
                        </div>
                        <div style="height: 100%;border: #cfcfcf solid 0.5px;display: inline-block;vertical-align: top;"></div>
                        <div style="width: 47%;height: 100%;display: inline-block;vertical-align: top;margin-left: 2%;">
                            <div style="width: 100%;height: 48%;text-align: center;overflow: hidden;overflow-x:auto;white-space: nowrap;">
                                <h6 style="line-height: 40px;">
                                    IP:{{ myaddr }}</h6></div>
                            <div style="width: 100%;height: 48%;text-align: center;line-height: 48px;font-size: 12px;">{{ addr_str }}</div>
                        </div>
                    </div>
                </div>
            </div>

            <div style="box-shadow: 0 1px 6px 3px #CFCFCF;width: 33%;height: 100%;display: inline-block;vertical-align: top;background: white;margin-left: 7px;">
                <div style="width: 100%;height: 40px;background: #0270c1;line-height: 40px;padding-left: 5px;color: white;">
                    <i class="iconfont icon-wodedaibanx"></i> &nbsp;我的待办
                    <div style="padding-right: 10px;display: inline-block;vertical-align: top;float: right;"><a
                            href="/personal-center/process_management.html?type=我的待办&folw_type=&folw=&page=1&page_size=20&wd=" style="color: white;"><i class="iconfont icon-gengduo"></i>
                        &nbsp;更多</a></div>
                </div>
                <div id="ToDoList" style="width: 100%;height: 83%;padding-left: 5px;margin-top: 8px;overflow: auto;"></div>
            </div>

            <div style="width: 40%;height: 100%;display: inline-block;vertical-align: top;margin-left: 7px;">
                <div style="box-shadow: 0 1px 6px 3px #CFCFCF;width: 100%;height: 49%;background: white;line-height: 40px;color: white;">
                    <div style="width: 100%;height: 40px;background: #0270c1;line-height: 40px;padding-left: 5px;color: white;">
                        <i class="iconfont icon-gonggaoguanli"></i> &nbsp;通知公告
                        <div style="padding-right: 10px;display: inline-block;vertical-align: top;float: right;"><a
                                href="/announcements/administration.html" style="color: white;"><i
                                class="iconfont icon-gengduo"></i> &nbsp;更多</a></div>
                    </div>
                    <div id="MyAlerts" style="width: 100%;height: 75%;padding-left: 5px;overflow: auto;"></div>
                </div>
                <div style="box-shadow: 0 1px 6px 3px #CFCFCF;width: 100%;height: 48%;background: white;line-height: 40px;color: white;margin-top: 1%;">
                    <div style="width: 100%;height: 40px;background: #0270c1;line-height: 40px;padding-left: 5px;color: white;">
                        <i class="iconfont icon-drxx86"></i> &nbsp;系统集成
                    </div>
                    <div style="width: 100%;height: 67%;padding-left: 5px;overflow: auto;text-align: center;">
                        <div style="width: 24%;height: 100%;display: inline-block;vertical-align: top;text-align: center;">
                            <a href="http://192.168.30.208:10080/login?key=hOJYdf7WoMTZV06Q&code={{ job_number }}" target="_blank">
                                <img src="../../static/public_file/images/科研管理.png" alt="" style="width: 50px;height: 50px;">
                                <p style="color: #0d7862;margin-top: -8px;">科研管理系统</p>
                            </a>
                        </div>
{#                        <div style="width: 24%;height: 100%;display: inline-block;vertical-align: top;text-align: center;padding-top: 3px;">#}
{#                            <a href="http://192.168.30.208:88/login?code={{ job_number }}&key=B4SZR9fR9QTcSsnQ" target="_blank">#}
{#                                <img src="../../static/public_file/images/行政管理.png" alt="" style="width: 42px;height: 42px;">#}
{#                                <p style="color: #0d7862;margin-top: -2px;">行政考核系统</p>#}
{#                            </a>#}
{#                        </div>#}
{#                        <div style="width: 24%;height: 100%;display: inline-block;vertical-align: top;text-align: center;padding-top: 3px;">#}
{#                            <a href="http://pfmv2.whmdtechnology.com/login?key=PkVgfZYwRV6zVzyo&code={{ job_number }}">#}
{#                                <img src="../../static/public_file/images/绩效管理.png" alt="" style="width: 40px;height: 40px;">#}
{#                                <p style="color: #0d7862;">绩效管理系统</p>#}
{#                            </a>#}
{#                        </div>#}
                        <div style="width: 24%;height: 100%;display: inline-block;vertical-align: top;text-align: center;">
                            <a href="http://ssp.whmdtechnology.com/login?code={{ job_number }}&key=J9s9EC3RtjQyUmNE">
                                <img src="../../static/public_file/images/拍照.png" alt="" style="width: 45px;height: 45px;">
                                <p style="color: #0d7862;margin-top: -2px;">拍一拍管理系统</p>
                            </a>k
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div style="width: 99%;height: 68%;margin-left: 0.5%;padding-left: 10px;margin-top: 10px;">
            <div style="display: inline-block;vertical-align: top;width: 25%;height: 100%;">
                <div style="width: 100%;height: 42%;box-shadow: 0 1px 6px 3px #CFCFCF;background: white;padding-top: 5px;">
                    <div style="width: 100%;height: 48%;">
                        <div onclick="permissions_validation('add_topic.html', '新增审批')"
                             style="width: 24%;height: 100%;display: inline-block;vertical-align: top;text-align: center;padding-top: 20px;">
                            <a href="#" style="font-size: 14px;"><img
                                    src="../../static/personal_center/img/议题管理%20icon_3-10.png" alt=""
                                    style="width: 60px;height: 60px;">
                                <p>议题申请</p></a>
                        </div>

                        <div onclick="permissions_validation('superiorJeremy.html', '公文送呈')"
                             style="width: 24%;height: 100%;display: inline-block;vertical-align: top;text-align: center;padding-top: 20px;">
                            <a href="#" style="font-size: 14px;"><img src="../../static/personal_center/img/收文管理.png"
                                                                      alt="" style="width: 60px;height: 60px;">
                                <p>上级来文</p></a>
                        </div>
                        <div style="width: 24%;height: 100%;display: inline-block;vertical-align: top;text-align: center;padding-top: 20px;">
                            <a href="/personal-center/room_reservation.html" style="font-size: 14px;"><img
                                    src="../../static/personal_center/img/会议室管理%20icon_3-07.png" alt=""
                                    style="width: 60px;height: 60px;">
                                <p>会议室</p></a>
                        </div>

                        <div onclick="permissions_validation('vehicle_apply_index', '用车申请')"
                             style="width: 24%;height: 100%;display: inline-block;vertical-align: top;text-align: center;padding-top: 20px;">
                            <a href="#" style="font-size: 14px;"><img
                                    src="../../static/personal_center/img/车辆管理%20icon_3-04.png" alt=""
                                    style="width: 60px;height: 60px;">
                                <p>用车申请</p></a>
                        </div>
                    </div>

                    <div style="width: 100%;height: 48%;">
                        <div style="width: 100%;height: 40px;background: #0270c1;line-height: 40px;padding-left: 5px;color: white;">
                            <i class="iconfont icon-meeting-management-my-meeting"></i> &nbsp;我的会议</div>
                        <div style="width: 100%;height: 83px;overflow: auto;padding-left: 5px;padding-right: 5px;">
                            {% if meet_room_list|length %}
                                {% for mr in meet_room_list %}
                                    <li style="height: 38px;line-height: 38px;list-style: none;">
                                        <a href="javascript:;" style="width: 83%;display: inline-block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #0f1317;">
                                            <span style="font-size: 20px;vertical-align: top;">&gt;</span> &nbsp;
                                            <span style="vertical-align: top;">{{ mr.particulars }}</span>
                                        </a>
                                        <p style="width: 15%;display: inline-block;text-align: right;vertical-align: top;cursor: pointer;color: #2db7f5;"><a href="/new-flow-logic/meetingleaveindex.html">请假</a></p>
                                    </li>
                                {% endfor %}
                            {% else %}
                                <div style="width: 100%;height: 100%;text-align: center;">
                                    <img src="../../static/personal_center/img/暂无资源.png" alt=""
                                         style="width: 40px;height: 40px;margin-top: 15px;">
                                    <p style="color: #cfcfcf;">暂无数据</p>
                                </div>
                            {% endif %}
                        </div>
                    </div>
                </div>

                <div style="width: 100%;height: 53%;box-shadow: 0 1px 6px 3px #CFCFCF;margin-top: 10px;background: white;">
                    <div style="width: 100%;height: 40px;background: #0270c1;line-height: 40px;padding-left: 5px;color: white;">
                        <i class="iconfont icon-tubiaozhizuomoban"></i> &nbsp;会议预览
                        <div style="padding-right: 10px;display: inline-block;vertical-align: top;float: right;"><a
                                href="/personal-center/room_reservation.html" style="color: white;"><i
                                class="iconfont icon-gengduo"></i> &nbsp;更多</a></div>
                    </div>
                    <div style="width: 100%;height: 88%;padding-left: 5px;margin-top: 5px;">
                        <div id="room_meet_obj"
                             style="width: 100%;height: 97%;display: inline-block;vertical-align: top;margin-top: 5px;overflow: auto;padding-left: 5px;">
                            {% if meet_room_obj %}
                                {% for foo in meet_room_obj %}
                                    <div style="width: 97%;height: 25%;overflow: auto;border-bottom: #cfcfcf solid 1px;color: #808080;padding-top: 10px;">
                                        <div style="display: inline-block;vertical-align: top;width: 70px;text-align: center;">
                                            <img src="../../static/personal_center/img/通知公告.png" alt=""
                                                 style="width: 50px;height: 50px;">
                                        </div>
                                        <div style="display: inline-block;vertical-align: top;width: 80%;">
                                            <div style="color: #0f1317;font-size: 16px;width: 100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;">{{ foo.particulars }}</div>
                                            <div style="color: #C0C0C0;">
                                                <p style="width: 170px;display: inline-block;vertical-align: top;">
                                                    <label style="color: #C0C0C0;"
                                                           for="">地点：</label>{{ foo.meeting_root }}</p>
                                                <p style="width: 170px;display: inline-block;vertical-align: top;">
                                                    <label style="color: #C0C0C0;"
                                                           for="">时间：</label>{{ foo.statr_time | date:"H:i" }}
                                                    - {{ foo.end_time | date:"H:i" }}</p>
                                            </div>
                                        </div>
                                    </div>
                                {% endfor %}
                            {% else %}
                                <div id="zanwuziyuan1" style="width: 100%;height: 100%;text-align: center;">
                                    <img src="../../static/personal_center/img/暂无资源.png" alt=""
                                         style="width: 120px;height: 120px;margin-top: 30px;">
                                    <p style="color: #cfcfcf;">暂无数据</p>
                                </div>
                            {% endif %}
                            <div id="zanwuziyuan" style="width: 100%;height: 100%;text-align: center;display: none;">
                                <img src="../../static/personal_center/img/暂无资源.png" alt=""
                                     style="width: 120px;height: 120px;margin-top: 30px;">
                                <p style="color: #cfcfcf;">暂无数据</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div style="display: inline-block;vertical-align: top;width: 33%;height: 100%;">
                <div style="width: 100%;height: 42%;box-shadow: 0 1px 6px 3px #CFCFCF;background: white;margin-left: 7px;">
                    <div style="width: 100%;height: 40px;background: #0270c1;line-height: 40px;padding-left: 5px;color: white;">
                        <i class="iconfont icon-shenqing"></i> &nbsp;我的收文
                        <div style="padding-right: 10px;float: right;"><a href="/personal-center/record_management.html" style="color: white;"><i class="iconfont icon-gengduo"></i> &nbsp;更多</a></div>
                    </div>
                    <div id="MyDocuments" style="width: 100%;height: 83%;padding-left: 5px;margin-top: 5px;overflow: auto;"></div>
                </div>

                <div style="width: 100%;height: 53%;box-shadow: 0 1px 6px 3px #CFCFCF;margin-top: 10px;background: white;margin-left: 7px;">
                    <div style="width: 100%;height: 40px;background: #0270c1;line-height: 40px;padding-left: 5px;color: white;">
                        <i class="iconfont icon-youjian1"></i> &nbsp;我的邮件
                        <div style="padding-right: 10px;display: inline-block;vertical-align: top;float: right;"><a
                                href="/correspondence/inbox.html" style="color: white;"><i
                                class="iconfont icon-gengduo"></i> &nbsp;更多</a></div>
                    </div>
                    <div id="MyEmail" style="width: 100%;height: 92%;padding-left: 5px;overflow: auto;"></div>
                </div>
            </div>

            <div style="display: inline-block;vertical-align: top;width: 40.1%;height: 97%;margin-left: 13px;box-shadow: 0 1px 6px 3px #CFCFCF;">
                <div style="width: 100%;height: 40px;background: #0270c1;line-height: 40px;padding-left: 5px;color: white;">
                    <img src="../../static/personal_center/img/部门排班提交.png" alt="" width="17px" height="17px"
                         style="color: #cfcfcf;"> &nbsp;排班列表
                </div>
                <div style="width: 100%;height: 93%;display: inline-block;vertical-align: top;padding: 0;">
                    <div style="width: 100%;height: 100%;">
                        <div style="display: inline-block;vertical-align: top;width: 100%;height: 100%;border-right: white solid 1px;">
                            <div style="width: 100%;height: 100%;background: white;">
                                <div style="width: 100%;height: 40px;border-bottom: #DCDCDC solid 1px;font-size: 0;background: white;">
                                    <div style="width: 25%;height: 100%;display: inline-block;font-size: 14px;line-height: 40px;text-align: center;border-right: #DCDCDC solid 1px;">
                                        日期
                                    </div>
                                    <div style="width: 25%;height: 100%;display: inline-block;font-size: 14px;line-height: 40px;text-align: center;border-right: #DCDCDC solid 1px;">
                                        班次
                                    </div>
                                    <div style="width: 25%;height: 100%;display: inline-block;font-size: 14px;line-height: 40px;text-align: center;border-right: #DCDCDC solid 1px;">
                                        一线班
                                    </div>
                                    <div style="width: 25%;height: 100%;display: inline-block;font-size: 14px;line-height: 40px;text-align: center;border-right: #DCDCDC solid 1px;">
                                        二线班
                                    </div>
                                </div>
                                <div style="width: 100%;height: 83%;table-layout:fixed;border-collapse: collapse;overflow: auto;font-size: 0;">
                                    <div id="pb_one"
                                         style="width: 100%;height: 55px;border-bottom: #DCDCDC solid 1px;font-size: 0;"></div>
                                    <div id="pb_two"
                                         style="width: 100%;height: 62.5px;border-bottom: #DCDCDC solid 1px;font-size: 0;"></div>
                                    <div id="pb_three"
                                         style="width: 100%;height: 62.5px;border-bottom: #DCDCDC solid 1px;font-size: 0;"></div>
                                    <div id="pb_four"
                                         style="width: 100%;height: 62.5px;border-bottom: #DCDCDC solid 1px;font-size: 0;"></div>
                                    <div id="pb_five"
                                         style="width: 100%;height: 62.5px;border-bottom: #DCDCDC solid 1px;font-size: 0;"></div>
                                    <div id="pb_six"
                                         style="width: 100%;height: 62.5px;border-bottom: #DCDCDC solid 1px;font-size: 0;"></div>
                                    <div id="pb_seven"
                                         style="width: 100%;height: 62.5px;border-bottom: #DCDCDC solid 1px;font-size: 0;"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {% if background_flag %}
        <div style="position: fixed;width: 300px;height: 200px;right: 10px;bottom: 25px;box-shadow: -5px 0 5px #cfcfcf;z-index: 1000;background: white;">
            <div style="width: 100%;height: 50px;line-height: 50px;text-align: center;letter-spacing: 8px;color: red;font-size: 16px;">
                投票通知
            </div>
            <div class="text-content" style="width: 100%;height: 100px;font-size: 12px;padding: 10px;">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ content }}
            </div>
            <div style="width: 100%;height: 50px;line-height: 50px;text-align: center;font-size: 14px;">
                <a href="/forum/VotingManagement.html">查看详情</a>
            </div>
        </div>
    {% endif %}

    {% if survey_flag %}
        <div style="position: fixed;width: 300px;height: 200px;right: 10px;bottom: {% if background_flag %}235px{% else %}25px{% endif %};box-shadow: -5px 0 5px #cfcfcf;z-index: 1000;background: white;">
            <div style="width: 100%;height: 50px;line-height: 50px;text-align: center;letter-spacing: 8px;color: red;font-size: 16px;">
                调研问卷
            </div>
            <div class="text-content" style="width: 100%;height: 100px;font-size: 12px;padding: 10px;">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ survey_content }}
            </div>
            <div style="width: 100%;height: 50px;line-height: 50px;text-align: center;font-size: 14px;">
                <a href="/forum/SurveyQuestionnaire.html">查看详情</a>
            </div>
        </div>
    {% endif %}

    {% if morals_wind_flag %}
        <div style="position: fixed;width: 300px;height: 200px;right: 10px;bottom: {% if background_flag %}235px{% else %}25px{% endif %};box-shadow: -5px 0 5px #cfcfcf;z-index: 1000;background: white;">
            <div style="width: 100%;height: 50px;line-height: 50px;text-align: center;letter-spacing: 8px;color: red;font-size: 16px;">
                医德医风
            </div>
            <div class="text-content" style="width: 100%;height: 100px;font-size: 12px;padding: 10px;">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;您有医德医风的审批待提交！<br>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;【<a href="/medical-ethics/DepartmentSummary.html">待提交列表</a>】
            </div>
            <div style="width: 100%;height: 50px;line-height: 50px;text-align: center;font-size: 14px;">
                <a href="/medical-ethics/DepartmentSummary.html">查看详情</a>
            </div>
        </div>
    {% endif %}

{#    <div ondblclick="admin_add('聊天','/personal-center/chat_frame.html','800','600')" id="chat-frame" class="side-bar">#}
{#        <a href="javascript:;" class="icon-blog"><img src="../../static/personal_center/img/聊天.png" alt="" style="width: 66px;height: 66px;"><div id="chat_number" class="sss1">33</div></a>#}
{#    </div>#}
</div>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="../../static/public_file/js/jquery.min.js"></script>
<script src="../../static/public_file/js/popper.min.js"></script>
<script src="../../static/public_file/js/bootstrap.min.js"></script>
<script src="../../static/personal_center/js/home_data.js"></script>

<script type="text/javascript" src="../../static/system_setup/layer/2.4/layer.js"></script>
<script type="text/javascript" src="../../static/system_setup/js/H-ui.js"></script>
<script type="text/javascript" src="../../static/system_setup/js/H-ui.admin.page.js"></script>
<script type="text/javascript" src="../../static/system_setup/laypage/1.2/laypage.js"></script>
<script src="../../static/system_setup/js/SysIndex__2.js"></script>
<script>
    if ("{{ realname }}" === "管理员") {
        document.getElementById("system-management").style.display = "inline-block";
    }
    document.getElementById("loading").style.display = "none";
    document.getElementById("sys-home").className = "add-nav-active";

    var head_portrait_pic = "{{ head_portrait | safe }}";
    document.getElementById("home_img").src = head_portrait_pic;


    var chat_frame = document.getElementById('chat-frame');
    //onmousedown   当鼠标按住chat_frame之后，可以拖动元素
    if (chat_frame) {
        chat_frame.ondragstart = function () {
            var disX = event.clientX - this.offsetLeft;
            var disY = event.clientY - this.offsetTop;
            // 复制一个跟chat_frame一样的div
            var clone = this.cloneNode();
            clone.removeAttribute('id');
            clone.style.opacity = 0.3;
            document.body.appendChild(clone);

            document.onmousemove = function () {
                clone.style.left = event.clientX - disX + "px";
                clone.style.top = event.clientY - disY + "px";
            }
            document.onmouseup = function () {
                document.onmousemove = null;
                chat_frame.style.left = clone.style.left;
                chat_frame.style.top = clone.style.top;
                document.body.removeChild(clone);
            }
        }
    }

    function receive_mes() {
        var xhr = new XMLHttpRequest();
        var local_host = window.location.host;          // 获取当前IP
        xhr.open('post', "/correspondence/message_notice", true);
        xhr.send();
        xhr.onreadystatechange = function () {
            if (xhr.readyState === 4) {
                if (xhr.status === 200) {
                    var JsonDate = JSON.parse(xhr.responseText);
                    console.log(JsonDate["chart_number"]);
                    if (JsonDate["chart_number"]) {
                        document.getElementById("chat_number").style.display = "table";
                        document.getElementById("chat_number").innerText = JsonDate["chart_number"];
                    } else {
                        document.getElementById("chat_number").style.display = "none";
                    }
                }
            }
        };
    }
</script>

</body>
</html>
